<template>
  <Card class="client" :title='title'>
    
    <p> {{ msg }} </P>
    <Input @input='send' />
      
  </Card>
</template>

<script>
import { ref, onUnmounted } from '@vue/composition-api'

export default { 


  props: [ 'title', 'receive', 'send' ],

  setup(props){

    const msg = ref('')
    const remove = props.receive(data => msg.value = data)

    onUnmounted(remove)

    return {
      msg,
    }
    

  }

}
</script>
